<!doctype html>
<html lang="en">

<head>
    <base href="./" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>ITMP</title>
    <meta name="description" content="">
    <meta name="google" value="notranslate">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="manifest" href="manifest.webapp" />
    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_1159074_bxzqvfo7rpc.css"> -->
    <link rel="stylesheet" href="content/icon/iconfont.css">
    <script
        src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL,Object.assign">
    </script>
</head>

<body>
    <!--[if lt IE 9]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <itmp-root>

    </itmp-root>

    <!-- <script src="../../../node_modules/echarts/dist/echarts.min.js"></script> -->
    <noscript>
        <h1>You must enable javascript to view this page.</h1>
    </noscript>

    <!-- uncomment this for adding service worker
        <script>
            if ('serviceWorker' in navigator) {
                window.addEventListener('load', function() {
                    navigator.serviceWorker.register('/service-worker.js')
                        .then(function () {
                            console.log('Service Worker Registered');
                        });
                });
            }
        </script>
    -->
    <!-- Google Analytics: uncomment and change UA-XXXXX-X to be your site's ID.
    <script>
        (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
        function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
        e=o.createElement(i);r=o.getElementsByTagName(i)[0];
        e.src='//www.google-analytics.com/analytics.js';
        r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
        ga('create','UA-XXXXX-X');ga('send','pageview');
    </script>-->
    <script>
        (function (doc, win) {
            const html = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    const clientWidth = html.clientWidth;
                    if (!clientWidth) return;

                    // 设计图为1920,情况下1rem = 100px; // 640以下全部不用再适配
                    if (clientWidth >= 1920 || clientWidth <= 1024) {
                    // if (clientWidth <= 1024) {
                        html.style.fontSize = '100px';
                    } else {
                        html.style.fontSize = 100 * (clientWidth / 1920) + 'px'
                    }

                }

            // debounce
            const debounce = (fn, delay, context) => {
                let _timer = null;

                return (...args) => {
                    if (_timer) {
                        clearTimeout(_timer);
                        _timer = null;
                    }
                    _timer = setTimeout(() => fn.apply(context, args), delay);
                }
            }

            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, debounce(recalc, 500, null), false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
</body>

</html>